草庐IT

html 图像

全部标签

javascript - 如何使用 html2canvas 上传屏幕截图?

使用html2canvas如何将屏幕截图保存到对象?我一直在探索演示,并看到生成屏幕截图的函数生成如下:$(window).ready(function(){('body').html2canvas();});我试过的是$(window).ready(function(){canvasRecord=$('body').html2canvas();dataURL=canvasRecord.toDataURL("image/png");dataURL=dataURL.replace(/^data:image\/(png|jpg);base64,/,"");upload(dataURL);}

javascript - 使用javascript强制图像缓存

我正在尝试克隆随机生成的图像。虽然我使用的是完全相同的url,但加载的是不同的图像。(在chrome和firefox中测试)我无法更改图像服务器,因此我正在寻找纯javascript/jQuery解决方案。如何强制浏览器重复使用第一张图片?火狐:Chrome:自己试试看(可能要重载几次才能看到)代码:http://jsfiddle.net/TRUbK/$("").attr('src',img_src)$("").css('background',background)$("#source").clone()演示:http://jsfiddle.net/TRUbK/embedded/re

javascript - PlayFramework HTML,可变为 Javascript?

想象一个简单的PlayAction定义为defreactTest=Action{request=>Ok(views.html.hello("JOHN"))}和hello.scala.html看起来像这样,使用一个基本的React.js示例:@(name:String)....React.render(Hello,@name!,这工作正常,结果将是“你好,约翰!”页。现在,我知道Scala代码在服务器上执行,JS代码在客户端执行,但我想知道是否有办法通过@name相同的javascript(jsx)代码的参数,如果此类代码位于单独的.js文件中,则看起来像:有没有办法通过@namehel

javascript - HTML 中完整性属性的用途是什么?

这个问题在这里已经有了答案:Whataretheintegrityandcrossoriginattributes?(3个答案)关闭7年前。我在bootstrap的网站上,我最近注意到他们的CDN链接包含一个带有SHA-384key的完整性属性。我认为这是一种验证脚本源的方法,但我还想知道它是如何使用的,以及它是否属于任何规范的一部分?此外,这是否仅适用于脚本src,还是适用于任何非同源源?

javascript - 如何引用 visualforce 中指定的 html 元素 id 并传递给 javascript 函数?

我有生成输入文本字段的apex标签。当有人点击这个字段时,我要执行javascript。但是当我检查HTML源代码时,这个成为输入标签的apex标签有(我认为)动态生成的部分。如您所见,id有垃圾部分:(id="j_id0:j_id3:j_id4:c_txt"在我的Javascript中,我正在尝试getElementById('c_txt')但这当然不起作用。这个怎么处理???更新似乎我可以做到这一点,但行不通......日期选择器varelem=getElementById('c_txt');alert(elem);警报显示“null”,所以一定是出了什么问题。即使此警报也返回nu

javascript - html元素形式的条件显示

好吧,在对javascript进行了一个小时的介绍之后,我想出了以下代码。它很好地完成了我想要的,但后来我想要别的东西,但它不起作用。我希望在点击一个按钮时,某个字段会隐藏,然后点击另一个是的,另一个也会隐藏,但是,当然,它必须显示另一个,否则我们将一无所获目的是根据用户点击的内容(在单选按钮上)显示不同的字段所以我以一种幼稚的方式编写了我的代码并且它起作用了。但后来我想到我首先要隐藏两个字段而不是显示两个字段,这就是问题所在。我在“告诉它”函数的参数中添加了一个0值,当x=0时,可见性=隐藏。但它不会听我的!所以,当它说x=1和2时,代码的那一部分有效,关于0的那部分无效。这是一个如

javascript - 如何将输入文本插入图像?

我想为magento开发有助于创建定制T恤的扩展程序,但我不知道该怎么做。我想提供像这个网站这样的功能http://www.inkpixi.com/item/ATV+Repair/A252/329/item.html死链接在这里你输入名字然后名字自动插入到图像中。我想准确地提供这个但是没有得到正确的事情 最佳答案 您可以使用canvas轻松做到这一点varcanvas=document.createElement('canvas'), ctx=canvas.getContext('2d');canvas.width=200;canv

javascript - 在哪里可以找到 dojo 工具包 dijit 小部件的图标图像列表?

我想这是一个简单的问题,但尽管进行了一些谷歌搜索,我仍未找到答案。有谁知道在哪里可以找到Dojo工具包中可用的图标列表? 最佳答案 最好看的地方是DojoToolkitnightlyicondirectory.在这里您可以查看对应于所有可用图标样式的CSS类,如果您gototheimagesdirectory您实际上可以看到图标Sprite。不幸的是,这并不像类名->图标图像映射那么简单,但是所有CSS类名都按照与sprite图像相同的顺序列出,留给对。要快速浏览,请知道commonIcons.css文件按以下顺序分解类:图标类IE

javascript - 如何从 URL 中的 node.js 服务器文件夹中获取图像?

有人知道如何从URL中的node.js服务器文件夹中获取图像吗?在我的文件夹结构中,我有文件夹数据,里面有带图像的子文件夹img。我想通过URL访问这张图片,如下所示:http://localhost:3000/data/img/default.jpg但是当我在浏览器中输入它时,我总是得到这个错误:PageNotFound/data/img/default.jpgisnotavalidpath.服务器.js:'usestrict';/***Moduledependencies.*/varinit=require('./config/init')(),config=require('./

javascript - 如何通过操作 base64 代码调整 base64 图像的大小或更改分辨率?

有很多将图像编码为Base64的示例。有没有一种方法可以通过简单地操作实际的base64编码内容来更改该图像的大小或分辨率?您的base64代码可能是:iVBORw0KGgoAAAANSUhEUgAAAWQAAAFjCAIAAACFfObPAAAAA3NCSVQICAjb4U/gAAAgAE...是否有一种算法或等式可以让您操纵该Base64字符串来更改图像的大小或更改分辨率?我的问题针对的是关注渐进式图像、数据处理和WebP格式的人,WebP格式是图像的无损和有损压缩。我对创建Canvas元素和操作Canvas的内容不感兴趣。我对一种可以在客户端或服务器上使用并且可以通过HTTP或套